6 - Composants partagés

Les Composants Partagés permettent de créer des éléments d’interface réutilisables dans plusieurs écrans ou applications VISION.

Ils garantissent :

👉Cohérence visuelle
👉Gain de temps
👉Centralisation des modifications
👉Standardisation des pratiques UI

Modifier un composant partagé permet de mettre à jour tous les écrans qui l’utilisent.

Objectifs

• Éviter la duplication d’éléments UI
• Uniformiser les interfaces utilisateurs
• Simplifier la maintenance
• Accélérer le développement d’applications

Qu’est-ce qu’un composant partagé ?

Un composant partagé est un bloc d’interface réutilisable, pouvant contenir :

• Champs et formulaires
• Tableaux
• Boutons et actions
• Logiques conditionnelles

Il fonctionne comme un module UI centralisé.

Créer un composant partagé

Dans VISION Studio :

👉Ouvrez votre application
👉Accédez à un élément de la page
👉Clic droit > 'Composants partagés'

Il se peut que le menu 'Ajouter aux composants partagés ne soit pas accessible'. Essayez avec la combinaison Shift+S après avoir sélectionné un élément, et il apparaitra dans la liste des composants partagés en bas à gauche du Studio

Mettre à jour un composant partagé sur les autres pages

Après avoir modifié un composant partagé sur une page, il est possible d'appliquer la modifications aux autres pages :

• Ecraser partout (attention, écrase aussi les valeurs locales, par exemple pour la page sélectionnée d'un menu)
• Mettre à jour partout (recommandé dans la plupart des cas)